<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <title>Title</title>

    <link rel="shortcut icon" href="http://www.s.mmm-party.com/assets/img/favicon.ico">

    <!--<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.css">-->
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">

    <!--<link rel="stylesheet" href="src/css/media-queries.css">-->
    <link rel="stylesheet" href="src/css/myFavourite.css">

    <script src="src/lib/jquery.min.js"></script>
    <script src="src/lib/jquery.cookie.js"></script>

    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.min.js"></script>
    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.min.js"></script>


</head>
<body>
<header data-am-widget="header" class="am-header mpy-header">
    <div class="am-header-left am-header-nav mpy-header-nav">
        <i class="am-icon-bars mpy-icon-bars mpy-header-menu"></i>
    </div>

    <h1 class="am-header-title mpy-header-title">
        <a href="#title-link" class="">
            <img src="src/img/icon/top-logo-icon.svg" alt="">
        </a>
    </h1>

    <div class="am-header-right am-header-nav mpy-header-nav">
        <a href="login1.html" class="">
            <img src="src/img/icon/icon-user.svg" alt="">
        </a>

    </div>
    <div class="mpy-menu">
        <div class="mpy-menu-hd">
            <a href="javascript:;" class="mpy-close">&times;</a>
            <div class="mpy-menu-title">
                <img src="src/img/icon/top-logo-icon-white.svg" alt="">
            </div>
        </div>
        <div class="mpy-menu-bd">
            <ul>
                <a href="javascript:;" class="mpy-active">
                    <li>首页</li>
                </a>
                <a href="javascript:;">
                    <li>关于爬梯</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯产品</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯课程</li>
                </a>
                <a href="javascript:;">
                    <li>最新动态</li>
                </a>
                <a href="javascript:;">
                    <li>联系我们</li>
                </a>
                <a href="javascript:;">
                    <li>购物车</li>
                </a>
                <a href="javascript:;">
                    <li>我的收藏</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯客服</li>
                </a>
            </ul>
            <div class="mpy-menu-opt am-avg-sm-2">
                <a class="login">会员登录</a>
                <a class="reg">会员注册</a>
            </div>
            <div class="mpy-menu-userinfo">
                <a class="info">普通会员：12345678901</a>
            </div>
        </div>
    </div>
</header>

<div class="myFavourite">
    <div data-am-widget="tabs" class="am-tabs am-tabs-default  mpy-tabs">
        <ul class="am-tabs-nav am-cf">
            <li class="am-active"><a href="[data-tab-panel-0]">全部收藏</a></li>
            <li class=""><a href="[data-tab-panel-1]">爬梯产品</a></li>
            <li class=""><a href="[data-tab-panel-2]">爬梯课程</a></li>
        </ul>
        <div class="am-tabs-bd mpy-tabs-bd">
            <div data-tab-panel-0 class="am-tab-panel mpy-tab-panel am-active ">
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
            </div>
            <div data-tab-panel-1 class="am-tab-panel mpy-tab-panel ">
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
            </div>
            <div data-tab-panel-2 class="am-tab-panel mpy-tab-panel ">
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
                <div class="mpy-myFavourite-db-item am-g ">
                    <div class=" am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="  mpy-myFavourite-bd-info am-u-sm-7 am-u-md-6 mpy-myFavourite-box">
                        <h1 class="name">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <p class="price">¥328</p>
                    </div>
                    <div class=" mpy-myFavourite-bd-opt mpy-myFavourite-box am-u-sm-2 am-u-md-2">
                        <img src="src/img/icon/icon-close.svg" alt="" class="close">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--  <ul data-am-widget="pagination" class="am-pagination am-pagination-select mpy-pagination">
          <li class="am-pagination-prev mpy-pagination-prev">
              <a href="#" class="">上一页</a>
          </li>
          <li class="am-pagination-select mpy-pagination-select">
              <select>
                  <option value="#" class="">1
                      /
                  </option>
                  <option value="#" class="">2
                      /
                  </option>
                  <option value="#" class="">3
                      /
                  </option>
              </select>
          </li>
          <li class="am-pagination-next mpy-pagination-next">
              <a href="#" class="">下一页</a>
          </li>
      </ul>-->
</div>
<footer class="mpy-footer">
    <div class="mpy-ad-list">
        <a href="javascript:;">
            <picture>
                <source srcset="src/img/index/index-img3-1350.png" media="(min-width:901px)">
                <source srcset="src/img/index/index-img3-1080.png" media="(min-width:768px)">
                <source srcset="src/img/index/index-img3-810.png" media="(min-width:481px)">
                <img src="src/img/index/index-img3-540.png" alt="" class="mpy-hotLesson-img am-img-responsive">
            </picture>
        </a>
        <a href="javascript:;">
            <picture>
                <source srcset="src/img/index/index-img3-1350.png" media="(min-width:901px)">
                <source srcset="src/img/index/index-img3-1080.png" media="(min-width:768px)">
                <source srcset="src/img/index/index-img3-810.png" media="(min-width:481px)">
                <img src="src/img/index/index-img3-540.png" alt="" class="mpy-hotLesson-img am-img-responsive">
            </picture>
        </a>
        <a href="javascript:;">
            <picture>
                <source srcset="src/img/index/index-img3-1350.png" media="(min-width:901px)">
                <source srcset="src/img/index/index-img3-1080.png" media="(min-width:768px)">
                <source srcset="src/img/index/index-img3-810.png" media="(min-width:481px)">
                <img src="src/img/index/index-img3-540.png" alt="" class="mpy-hotLesson-img am-img-responsive">
            </picture>
        </a>

    </div>
    <div class="mpy-contactUs">
        <div class="mpy-contactUs-hd">
            <h1>联系我们</h1>
        </div>
        <div class="mpy-contactUs-bd">
            <!--  <img src="src/img/icon/icon-call-group.svg" alt="" usemap="#callMap">
              <map name="callMap" id="callMap">
                  <area shape="rect" coords="0,0,22,22" href="javascript:;" alt="">
                  <area shape="rect" coords="50,0,76,22" href="javascript:;" alt="">
                  <area shape="rect" coords="104,0,125,22" href="javascript:;" alt="">
              </map>-->
            <ul class="am-avg-sm-3 mpy-avg-sm-3">
                <li><a href="javascript:;"><img src="src/img/icon/icon-phone.svg" alt=""></a></li>
                <li><a href="javascript:;"><img src="src/img/icon/icon-wc.svg" alt=""></a></li>
                <li><a href="javascript:;"><img src="src/img/icon/icon-place.svg" alt=""></a></li>
            </ul>
            <button class="mpy-contactUs-login mpy-btn-white">会员登陆</button>
            <button class="mpy-contactUs-abouts mpy-btn-white">关于爬梯</button>
        </div>
        <!--<div class="mpy-contactUs-footer">
            <span>快捷菜单</span>
            <span>></span>
        </div>-->
        <section data-am-widget="accordion" class="am-accordion am-accordion-gapped mpy-contactUs-footer"
                 data-am-accordion='{  }'>
            <dl class="am-accordion-item ">
                <dt class="am-accordion-title">
                    <span>快捷菜单</span>
                </dt>
                <dd class="am-accordion-bd am-collapse ">
                    <a href="memberCenter.html">会员中心</a>
                    <a href="joinUs.html">加入我们</a>
                    <a href="contactUs.html">联络我们</a>
                    <a href="javascript:;">隐私条款</a>
                </dd>
            </dl>
        </section>
    </div>
    <div class="mpy-copyright">
        <span>(c)2016</span>
        <span>粤 ICP备16125023号</span>
    </div>
</footer>
<script>
    $(".mpy-header-menu").on("click", function () {
        $(".mpy-menu").fadeIn();
    })
    $('.mpy-close').on('click', function () {
        $(".mpy-menu").fadeOut();
    })
</script>
</body>
</html>